<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
	<th:block th:include="include :: header('项目成本明细')" />
	<th:block th:include="include :: jsonview-css" />
	<!-- echart引用 -->
	<th:block th:include="include :: echarts-js" />
</head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">
	<form class="form-horizontal m-t" id="signupForm">
<!--		<div class="form-group">-->
<!--			<label class="col-sm-2 control-label">编号：</label>-->
<!--			<div class="form-control-static" th:text="${member.id}"></div>-->
<!--		</div>-->


	</form>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: jsonview-js" />
    <script th:inline="javascript">

		$(function() {
			let attrMap = [[${member.attrOriginMap}]];
			if ($.common.isNotEmpty(attrMap) && attrMap.length < 2000) {
				$("#attrMap").JSONView(attrMap);
			} else {
				$("#attrMap").text(attrMap);
			}

			// 雷达图
			let radarChart = echarts.init(document.getElementById("echarts-radar-chart"));
			let radarOption = {
				// title : {
				// 	text: '预算 vs 开销',
				// 	subtext: '纯属虚构'
				// },
				tooltip : {
					trigger: 'axis'
				},
				// legend: {
				// 	orient : 'vertical',
				// 	x : 'right',
				// 	y : 'bottom',
				// 	data:['预算分配','实际开销']
				// },
				polar : [
					{
						indicator : [
							{ text: '专业', max: 150},
							{ text: '素质', max: 150},
							{ text: '业务', max: 150},
							{ text: '执行', max: 150},
							{ text: '思维', max: 150},
							{ text: '创新', max: 150}
						]
					}
				],
				calculable : true,
				textStyle : {
					color: '#000000'
				},
				series : [
					{
						// 这里设置线条样式
						lineStyle: {
							color: '#0000ff', // 示例：蓝色
							width: 1 // 线条宽度
						},
						name: '能力值',
						type: 'radar',
						data : [
							{
								value : [135, 99, 88, 100, 120, 80],
								name : '预算分配'
							},
						]
					}
				]
			};

			radarChart.setOption(radarOption);
			$(window).resize(radarChart.resize);

		});
    </script>
</body>
</html>